<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTTP服务器示例页面</title>
    <style>
        body {
            font-family: 'Microsoft YaHei', Arial, sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f5f5f5;
        }
        .container {
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        h1 {
            color: #333;
            text-align: center;
            border-bottom: 2px solid #007acc;
            padding-bottom: 10px;
        }
        .info {
            background: #e7f3ff;
            padding: 15px;
            border-radius: 5px;
            margin: 20px 0;
        }
        .feature {
            margin: 15px 0;
            padding: 10px;
            border-left: 4px solid #007acc;
            background: #f9f9f9;
        }
        .footer {
            text-align: center;
            margin-top: 30px;
            color: #666;
            font-size: 14px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>HTTP服务器示例页面</h1>
        
        <div class="info">
            <strong>版本:</strong> 1.0.0<br>
            <strong>作者:</strong> 陈振玺<br>
            <strong>创建时间:</strong> <span id="datetime"></span>
        </div>
        
        <h2>功能特性</h2>
        <div class="feature">
            <strong>HTTP服务器:</strong> 监听192.168.10.98:2121，提供稳定的Web服务
        </div>
        <div class="feature">
            <strong>文件管理:</strong> 支持文件拷贝到指定目录，自动生成时间戳子目录
        </div>
        <div class="feature">
            <strong>CLI接口:</strong> 提供完整的命令行工具，方便操作和管理
        </div>
        <div class="feature">
            <strong>依赖管理:</strong> 使用TOML格式管理项目依赖
        </div>
        
        <h2>使用示例</h2>
        <pre style="background: #f0f0f0; padding: 15px; border-radius: 5px; overflow-x: auto;">
# 启动服务器
http-server start

# 拷贝文件
http-server copy /path/to/file.html

# 创建HTML文件
http-server create-html --content "&lt;h1&gt;Hello World&lt;/h1&gt;"

# 列出文件
http-server list-files
        </pre>
        
        <div class="footer">
            <p>这是一个由HTTP服务器包生成的示例页面</p>
            <p>如果您能看到这个页面，说明服务器运行正常！</p>
        </div>
    </div>
    
    <script>
        // 显示当前时间
        document.getElementById('datetime').textContent = new Date().toLocaleString('zh-CN');
    </script>
</body>
</html>